<%= template_error_messages_for 'applied_account' %>
<div id="main_body" style="position: relative; background-color: #ffffff; padding: 25px;">
  <div class="subtitle">Foryouとは</div>
  <p>Foryouは泣かせるプレゼントを贈るためのサービスです。</p>
  <p>結婚や出産という人生に数回しか訪れないイベントに最高のプレゼントを贈りたいと思う人によって利用されることを想定しています。</p>
  <div class="list">
  <ul>
    <li>プレゼントを贈る方・グループ</li>
    <li>プレゼントを受け取る方</li>
  </ul>
  </div>
  <p> </p>
  <p>以下の登録フォームよりご登録後、利用することができます。</p>
  <br/>

<% form_for :applied_account, @applied_account, {:url => {:action => :apply}} do |f| %>
  <div class="input_form">
    <table id="user_info_box" class="normal" border="1" style="margin: 10px 0px 0px 15px">
      <tr>
        <th width="100px"><label for="applied_account_email">メールアドレス</label></th>
        <td><%= f.text_field :email %><br/>ご登録に利用されるメールアドレスです。システムよりご本人確認メールが送信されます。</td>
      </tr>
      <tr>
        <th width="100px"><label for="applied_account_code">ログインID</label></th>
        <td><%= f.text_field :code %><span id="code_result" style="margin-left:3px;color:gray;font-size:10px"></span><span id="indicator" style="display:none;"><%= skip_image_tag 'indicator.gif' %></span><br/>
          ログインするためのIDとなります。</td>
      </tr>
      <tr>
        <th width="100px"><label for="applied_account_password">パスワード</label></th>
        <td><%= f.password_field :password %><br/>ログインするためのパスワードとなります。</td>
      </tr>
      <tr>
        <th width="100px"><label for="applied_account_password_confirmation">確認用パスワード</label></th>
        <td><%= f.password_field :password_confirmation %><br/>上記と同じパスワードを入力して下さい。</td>
      </tr>
      <tr>
        <td colspan="2" style="padding-left: 100px;">利用規約は<a target="_blankf" href="/custom/rules.html">こちら</a>　　<%= submit_tag '利用規約に同意して参加する', :id => 'submit_button' %></td>
      </tr>
    </table>
  </div>
<% end %>
</div>

<script language="JavaScript" type="text/javascript">
$j(function(){
    $j('#applied_account_code')
    .keyup(function() {
        $j.ajax({
            url: '<%= url_for(:controller => :accounts, :action => :ado_check_code) -%>',
            data: { code : $j(this).val() },
            complete: function(request) {
                $j('#code_result').html(request.responseText);
                $j('#indicator').css({ display:'none' });
            }
        });
    })
    .ajaxStart(function() {
        $j('#indicator').css({ display:'inline' });
    });
});
</script>
